<template>
  <view>
    <view>
      <u-notice-bar text="不要主动去拿奶妈 除非一堆垃圾武将" :speed="150" fontSize="30"></u-notice-bar>
      <view class="cu-bar bg-white solid-bottom">
        <view class="action">
          <text class="cuIcon-title text-orange "></text> tips (根据网络及个人经验撰写, 请结合实际情况选择)
        </view>
      </view>
      <view class="bg-white padding">
        <view>1. 先手不必多说：必定减怒,必定控制的放在前排,剩下看阵容放。先手就12 456放人。</view>
        <view>2. 后手：免疫控制的放在前排2号位, 送死的放在前排2号位, 如张飞、郭嘉, 3号位放置强控或者续航英雄, 如司马懿、曹仁、刘协等, 4号位放强力输出, 5号位不要放单体攻击的英雄, 6号位随意。</view>
      </view>
    </view>
    <view class="cu-bar bg-white solid-bottom" style="margin-top: 20rpx;">
      <view class="action">
        <text class="cuIcon-title text-orange "></text> 国家队
      </view>
    </view>
    <view class="cu-list grid col-4 no-border">
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/qvei1411131591.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>周瑜</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/l3w81411124206.png" mode="center"
                 style="position: absolute;left: 0;top: -84rpx;">
          </image>
        </view>
        <text>马腾</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/kq071411127859.png" mode="center"
                 style="position: absolute;left: 0;top: -62rpx;">
          </image>
        </view>
        <text>邓艾</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/2q8a1411126128.png" mode="center"
                 style="position: absolute;left: 0;top: -56rpx;">
          </image>
        </view>
        <text>曹仁</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/8rth1411132394.png" mode="center"
                 style="position: absolute;left: 0;top: -64rpx;">
          </image>
        </view>
        <text>马超</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/8wfe1411121874.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>吕布</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/yoaa1411122869.png" mode="center"
                 style="position: absolute;left: 0;top: -108rpx;">
          </image>
        </view>
        <text>张辽</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/ikbh1411131790.png" mode="center"
                 style="position: absolute;left: 0;top: -68rpx;">
          </image>
        </view>
        <text>甘宁</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/j6nn1411132328.png" mode="center"
                 style="position: absolute;left: 0;top: -26rpx;">
          </image>
        </view>
        <text>张飞</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/6ijt1411123305.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>郭嘉</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/dxzp1411122071.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>贾诩</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/e1kb1411122963.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>于吉</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/rj8p1411124549.png" mode="center"
                 style="position: absolute;left: 0;top: -63rpx;">
          </image>
        </view>
        <text>张仲景</text>
      </view>
    </view>
    <!-- 司马懿, 赵云, 貂蝉, 孟获, 诸葛亮, 马良, 文鸳, 荀彧, 曹操, 吕蒙, 张郃, 孙策 -->
    <view class="cu-bar bg-white solid-bottom" style="margin-top: 20rpx;">
      <view class="action">
        <text class="cuIcon-title text-orange "></text> 国家二队
      </view>
    </view>
    <view class="cu-list grid col-4 no-border">
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/figu1411122750.png" mode="center"
                 style="position: absolute;left: 0;top: -22rpx;">
          </image>
        </view>
        <text>司马懿</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/5u0e1411132357.png" mode="center"
                 style="position: absolute;left: 0;top: -56rpx;">
          </image>
        </view>
        <text>赵云</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/9e4j1411122330.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>貂蝉</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/8qpa1411132658.png" mode="center"
                 style="position: absolute;left: 0;top: -16rpx;">
          </image>
        </view>
        <text>孟获</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/jk841411132375.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>诸葛亮</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/6qk21411133278.png" mode="center"
                 style="position: absolute;left: 0;top: -20rpx;">
          </image>
        </view>
        <text>马良</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/cvm11411133706.png" mode="center"
                 style="position: absolute;left: 0;top: -70rpx;">
          </image>
        </view>
        <text>文鸳</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/qn6o1411127330.png" mode="center"
                 style="position: absolute;left: 0;top: -104rpx;">
          </image>
        </view>
        <text>荀彧</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/impr1411122903.png" mode="center"
                 style="position: absolute;left: 0;top: -20rpx;">
          </image>
        </view>
        <text>曹操</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/aydl1411132009.png" mode="center"
                 style="position: absolute;left: 0;top: -54rpx;">
          </image>
        </view>
        <text>吕蒙</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/3x201411124621.png" mode="center"
                 style="position: absolute;left: 0;top: -22rpx;">
          </image>
        </view>
        <text>张郃</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/ygj31411131908.png" mode="center"
                 style="position: absolute;left: 0;top: -28rpx;">
          </image>
        </view>
        <text>孙策</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/38m11411130510.png" mode="center"
                 style="position: absolute;left: 0;top: -28rpx;">
          </image>
        </view>
        <text>南华老仙</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/qi_31411125346.png" mode="center"
                 style="position: absolute;left: 0;top: -28rpx;">
          </image>
        </view>
        <text>刘协</text>
      </view>
    </view>
    <!-- 费祎, 大乔, 太史慈, 陆逊, 刘备, 孙权, 关羽, 左慈, 夏侯渊 -->
    <view class="cu-bar bg-white solid-bottom" style="margin-top: 20rpx;">
      <view class="action">
        <text class="cuIcon-title text-orange "></text> 国家替补队
      </view>
    </view>
    <view class="cu-list grid col-4 no-border">
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/mbk61411543674.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>费祎</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/0vwb1411132622.png" mode="center"
                 style="position: absolute;left: 0;top: -20rpx;">
          </image>
        </view>
        <text>大乔</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/9k_y1411132092.png" mode="center"
                 style="position: absolute;left: 0;top: -78rpx;">
          </image>
        </view>
        <text>太史慈</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/cg961411373173.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>陆逊</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/rkcf1411132583.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>刘备</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/9u371411132333.png" mode="center" style="position: absolute;left: 0;top: 0;">
          </image>
        </view>
        <text>孙权</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/g5p61411132302.png" mode="center"
                 style="position: absolute;left: 0;top: -18rpx;">
          </image>
        </view>
        <text>关羽</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/ife11411122685.png" mode="center"
                 style="position: absolute;left: 0;top: -30rpx;">
          </image>
        </view>
        <text>左慈</text>
      </view>
      <view class="cu-item">
        <view
            style="width: 150rpx; height: 150rpx; overflow: hidden;margin: 0 auto; border-radius: 50%;position: relative;">
          <image src="https://static.zuiyouxi.com/web/img/201409card/vdzk1411127108.png" mode="center"
                 style="position: absolute;left: 0;top: -136rpx;">
          </image>
        </view>
        <text>夏侯渊</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        text: [
          "先手不必多说：必定减怒 必定控制的放在前排",
          "剩下看阵容放",
          "先手就12 456放人后手：免疫控制的放在前排2号位",
          "送死的放在前排",
          "2号位 如张飞 郭嘉 3号位放置强控 或者续航英雄",
          "如司马懿 曹仁 刘协等",
          "4号位放强力输出 5号位不要放单体攻击的英雄",
          "6号位随意"
        ]
      }
    }
  }
</script>

<style>
</style>